﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<title>IMES</title>

	<!-- 引入Layui的CSS样式表 -->
	<link href="~/lib/layui/css/layui.css" rel="stylesheet" />
	<!-- 引入Layui的JS库 -->
	<script src="~/lib/layui/layui.js"></script>
	<!-- 引入jQuery库 -->
	<script src="~/lib/jquery/dist/jquery.js"></script>
	<!-- 非正式环境使用的Layui的JS库，注释掉了 -->
	@* <!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
	<script src="//unpkg.com/layui@2.9.20/dist/layui.js"></script> *@

	<!-- 引入HiPrint的CSS样式表 -->
	<link href="~/hiprint/css/hiprint.css" rel="stylesheet" />
	<!-- 引入HiPrint的打印锁定CSS样式表 -->
	<link href="~/hiprint/css/print-lock.css" rel="stylesheet" />

	<!-- HiPrint的所有JavaScript插件都依赖于jQuery，所以请在使用前先引入jQuery。 -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<!-- polyfill.min.js解决浏览器兼容性问题 -->
	<script src="~/hiprint/polyfill.min.js"></script>
	<!-- HiPrint 核心js -->
	<script src="~/hiprint/hiprint.bundle.js"></script>
	<!-- 条形码生成组件 -->
	<script src="~/hiprint/plugins/jsbarcode.all.min.js"></script>
	<!-- 二维码生成组件 -->
	<script src="~/hiprint/plugins/qrcode.js"></script>
	<!-- 调用浏览器打印窗口helper类，可自行替换 -->
	<script src="~/hiprint/plugins/jquery.hiwprint.js"></script>
</head>

<body>
	<!-- 打印模板设计的容器 -->
	<div id="templateDesignDiv"></div>
	<script>
		$(function () {
			// 当DOM加载完成后，执行打印设计和打印操作
			print();
	 
		})
		// 初始化HiPrint插件
		hiprint.init();
		var hiprintTemplate;
		// 定义打印模板的配置对象
		var obj = {
			// 省略了对象的具体内容，这里包含了打印模板的所有配置信息
			// 省略了对象的具体内容，这里包含了打印模板的所有配置信息
			"panels": [{
				"index": 0, "paperType": "A4", "height": 297, "width": 210, "paperHeader": 43.5, "paperFooter": 801,
				"printElements": [{
					"options": { "left": 225, "top": 33, "height": 9.75, "width": 189, "title": "生产计划明细", "fontFamily": "Microsoft YaHei", "fontSize": 21.75, "fontWeight": "900" },
					"printElementType": { "type": "text" }
				}, {
					"options": { "left": 78, "top": 22.5, "height": 64.5, "width": 67.5, "src": "/wwwroot/IMES.png" },
					"printElementType": { "type": "image" }
				}, {
					"options": { "left": 67.5, "top": 114, "height": 9.75, "width": 120, "title": "单据编号", "field": "pOrderNo", "fontWeight": "bold" },
					"printElementType": { "type": "text" }
				}, {
					"options": { "left": 69, "top": 138, "height": 9.75, "width": 120, "title": "制单人", "field": "pName", "fontWeight": "bold" },
					"printElementType": { "type": "text" }
				}, {
					"options": { "left": 255, "top": 138, "height": 9.75, "width": 120, "title": "创建时间", "field": "createTime", "fontWeight": "bold" },
					"printElementType": { "type": "text" }
				}, {
					"options": {
						"left": 25.5, "top": 165, "height": 36, "width": 550, "field": "data",
						"columns": [[
							{ "title": "产品编号", "width": 135.06724112426036, "colspan": 1, "rowspan": 1, "checked": true },
							{ "title": "产品名称", "width": 127.74574112426035, "colspan": 1, "rowspan": 1, "checked": true },
							{ "title": "产品规格", "width": 148.52363461538457, "colspan": 1, "rowspan": 1, "checked": true },
							{ "title": "数量", "width": 138.66338313609472, "colspan": 1, "rowspan": 1, "checked": true }]]
					},
					"printElementType": { "title": "表格", "type": "tableCustom" }
				}, {
					"options": { "left": 423, "top": 24, "height": 91.5, "width": 120, "field": "QRcode", "testData": "测试", "textType": "qrcode", "barcodeMode": "UPC（A）" },
					"printElementType": { "type": "text" }
				}],
				"paperNumberLeft": 565, "paperNumberTop": 819
			}
			]

		};

		// 创建一个新的打印模板实例
		hiprintTemplate = new hiprint.PrintTemplate({
			template: obj,
		});
		// 在指定的容器中设计打印模板，并显示网格
		hiprintTemplate.design('#templateDesignDiv', { grid: true });

		// 定义print函数，用于获取订单数据并生成打印模板的HTML
		function print() {
			console.log(999, obj)
			// 从URL中获取订单ID
			var thisNo = location.href.split("=")[1];
			console.log(thisNo)
			// 发送Ajax请求获取订单数据
			$.ajax({
				url: 'http://localhost:5167/api/Department/ProductPlanPrintList?DocumentNumber=SCJH20241230094223-00005', // 请求的URL
				dataType: 'json', // 期望返回的数据类型
				success: function (res) { // 请求成功的回调函数
					console.log(888, res)
					// 如果获取到订单数据
					if (res.data != null) {
						// 处理日期格式
						res.data.createTime = res.data.createTime.split("T")[0];
						// 使用模板和数据生成HTML
						let html = hiprintTemplate.getHtml(res.data.data);
						// 将生成的HTML设置到模板设计的容器中
						$("#templateDesignDiv").html(html);
					}
				}
			});
			// 清空模板设计的容器
			$("#templateDesignDiv").empty();
		}

		// // 定义PrintThis函数，用于获取订单数据并直接打印
		// function PrintThis() {
		//     var thisNo = location.href.split("=")[1];
		//     console.log(thisNo)
		//     // 发送Ajax请求获取订单数据
		//     $.ajax({
		//         url: 'http://localhost:5018/api/Orders/GetOrderPro',
		//         data: JSON.stringify({ orderId: thisNo }),
		//         type: 'post',
		//         contentType: 'application/json',
		//         dataType: 'json',
		//         success: function (res) {
		//             console.log(777, res)
		//             // 如果获取到订单数据
		//             if (res.data1 != null) {
		//                 // 处理日期格式
		//                 res.data1.createDate = res.data1.createDate.split("T")[0];
		//                 // 使用模板和数据直接打印
		//                 hiprintTemplate.print(res.data1);
		//             }
		//         }
		//     });
		// }
	</script>



</body>
</html>